import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'home',
      component: () => import('./views/Home.vue'),
    },
    {
      path: '/demos',
      component: () => import('./views/demos/index'),
      children: [
        {
          path: 'hello',
          component: () => import('./views/demos/01.hello'),
        },
        {
          path: 'style',
          component: () => import('./views/demos/02.style'),
        },
        {
          path: 'rowClass',
          component: () => import('./views/demos/03.rowClass'),
        },
        {
          path: 'selection',
          component: () => import('./views/demos/04.selection'),
        },
        {
          path: 'summary',
          component: () => import('./views/demos/05.summary'),
        },
        {
          path: 'fixedColumn',
          component: () => import('./views/demos/06.fixedColumn'),
        },
        {
          path: 'ajaxData',
          component: () => import('./views/demos/07.ajaxData'),
        },
        {
          path: 'cell-comp',
          component: () => import('./views/demos/08.cell-comp'),
        },
        {
          path: 'cell-render',
          component: () => import('./views/demos/09.cell-render'),
        },
        {
          path: 'header-sort',
          component: () => import('./views/demos/10.header-sort'),
        },
        {
          path: 'no-data',
          component: () => import('./views/demos/11.no-data'),
        },
        {
          path: 'indexMethod',
          component: () => import('./views/demos/12.indexMethod'),
        },
        // {
        //   path: 'comprehensive',
        //   component: () => import('./views/demos/100.comprehensive'),
        // },
      ],
    },
  ],
})
